import AppDescriptionsItem from '../app-descriptions-item/AppDescriptionsItem.vue';

export default {
  title: '校园物联/描述项',
  component: AppDescriptionsItem,
  parameters: {
    docs: {
      description: {
        component: `请配合 <span style="font-weight: bold;font-size: 14px;color: grey">vue、element-plus、element-plus-icons、tailwindcss</span> 使用`
      }
    }
  },
  argTypes: {
    label: {description: '描述项'},
    tip: {description: '描述项提示'},
    value: {description: '描述值'},
    default: {description: '描述值右部分'},
  }
};

export const Basic = {
  name: '基本使用',
  render: (args) => ({
    components: {AppDescriptionsItem},
    setup() {
      return {args};
    },
    template: '<AppDescriptionsItem v-bind="args" />',
  }),
  args: {
    label: '描述项',
    tip: '描述项提示',
    value: '描述值',
  }
};